uni-page-body,
uni-page-refresh {
  background-color: #f5f5f5;
}

.bg-page-blue {
  background: linear-gradient(197.3deg, #3d9cf8ff 0%, #f4f5f9ff 100%) no-repeat;
  background-size: 100% 320px;
}

.content-box {
  height: calc(100vh - 100rpx);
  overflow: scroll;
  padding-bottom: env(safe-area-inset-bottom);
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: space-around;
  justify-content: center;
  position: relative;
}

.content-row {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
}

.inline-block {
  display: inline-block;
}

// flex
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.flex-start {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}

.flex-end {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}

.add {
  width: 35px;
  height: 35px;
}

.icon {
  width: 30px;
  height: 30px;
}

.small_icon {
  width: 20px;
  height: 20px;
}

.big_icon {
  width: 60px;
  height: 55px;
}

.font12 {
  color: #212123ff;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Source Han Sans SC';
  text-align: left;
}

.font12-grey {
  color: #6b6b6bff;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Source Han Sans SC';
  text-align: left;
}
.font16-nobold {
  font-size: 16px;
}
.font14-999 {
  font-size: 14px;
  color: #a1a8b1;
}

.font14-white {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Source Han Sans SC';
  text-align: left;
  color: #fff;
}

.font14 {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Source Han Sans SC';
  text-align: left;
  color: rgba(16, 16, 16, 1);
}

.font16 {
  color: #212123ff;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Source Han Sans SC';
  text-align: left;
}
.font16-even {
  color: #999999;
  font-size: 14px;
}
.font16-grey {
  color: #6b6b6b;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Source Han Sans SC';
  text-align: left;
}

.font18 {
  color: #ffffffff;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Source Han Sans SC';
  text-align: center;
}

.font20 {
  font-size: 20px;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}

.center {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.min_icon {
  width: 16px;
  height: 16px;
}

.tiny_icon {
  width: 6.55px;
  height: 11.15px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.dele-icon {
  width: 24rpx;
  height: 24rpx;
  margin-left: 20rpx;
}
.line-my {
  border-bottom: 2px dashed #e1e1e6;
}

.line-clamp-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mt-show {
  margin-top: 280rpx;
}
.mt-hide {
  margin-top: 220rpx;
}

//全页面高度
.page-h-full {
  height: 100vh;
}

//无数据
@mixin nodata {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(107, 107, 107, 1);
}

.page-content-nodata {
  @include nodata;
  height: 500px;
  font-size: 18px;
}

.page-content-nodata-thin {
  @include nodata;
  height: 100px;
}

//bg 白色、 padding 16
.page-bw-p16 {
  padding: 16px;
  background-color: #ffffff;
}

//bg 白色、 padding 12
.page-bw-p12 {
  padding: 12px;
  background-color: #ffffff;
}

// p-tb-16、p-lr-12
.page-tb16-lr12 {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
}

// p-tb-12、p-lr-16
.page-tb12-lr16 {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

//固定的头部 如分页导航，搜索等
.page-fixed-header {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999;
}

//固定的头部 以下的内容
.page-fixed-header + view {
  padding-top: 48px;
}

//底部固定工具栏
.bottom-toolsbar {
  display: flex;
  justify-content: space-around;
  padding: 16px;
  background-color: #fff;
}

.bottom-toolsbar-border-thin {
  display: flex;
  justify-content: space-around;
  padding: 8px;
  background-color: #fff;
}

//底部固定框
.page-bottom-fix {
  position: fixed;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

//底部悬浮按钮
.page-float-bottom-btn {
  position: fixed;
  right: 16px;
  bottom: 40px;

  img {
    // width: 120px;
    height: 48px;
  }
}

//h25 的按钮
@mixin btn-h-25 {
  height: 25px;
  border-radius: 12.5px;
  font-size: 12px;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
}

//w50 h25 的按钮
.btn-50-25 {
  @include btn-h-25;
  width: 50px;
}

//h40 的按钮
@mixin btn-h-40 {
  height: 40px;
  border-radius: 20px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}

//w80 h40 的按钮
.btn-80-40 {
  @include btn-h-40;
  width: 80px;
}

//w90 h40 的按钮
.btn-90-40 {
  @include btn-h-40;
  width: 90px;
}

//w100 h40 的按钮
.btn-100-40 {
  @include btn-h-40;
  width: 100px;
}

//w110 h40 的按钮
.btn-110-40 {
  @include btn-h-40;
  width: 110px;
}

//w120 h40 的按钮
.btn-120-40 {
  @include btn-h-40;
  width: 120px;
}

//w140 h40 的按钮
.btn-140-40 {
  @include btn-h-40;
  width: 140px;
}

//w140 h40 的按钮
.btn-160-40 {
  @include btn-h-40;
  width: 160px;
}

// 按钮默认样式
.btn-default {
  color: #6b6b6b;
  background-color: #f2f6fa;
}

.btn-default-border {
  color: #6b6b6b;
  border: 1px solid #6b6b6b;
}

// picker-view
@mixin picker-view {
}

.picker-view-h-300 {
  @include picker-view;
  height: 300px;
}

@mixin picker-view-item {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.picker-view-item-h-34 {
  @include picker-view-item;
  height: 34px;
}

// 图片
.img-8 {
  width: 16rpx;
  min-width: 16rpx;
  height: 16rpx;
}

.img-10 {
  width: 20rpx;
  min-width: 20rpx;
  height: 20rpx;
}

.img-12 {
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.img-14 {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.img-16 {
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.img-20 {
  width: 40rpx;
  min-width: 40rpx;
  height: 40rpx;
}

.img-24 {
  width: 48rpx;
  min-width: 48rpx;
  height: 48rpx;
}

.img-28 {
  width: 56rpx;
  min-width: 56rpx;
  height: 56rpx;
}

.img-32 {
  width: 64rpx;
  min-width: 64rpx;
  height: 64rpx;
}

.img-36 {
  width: 72rpx;
  min-width: 72rpx;
  height: 72rpx;
}

.img-40 {
  width: 80rpx;
  min-width: 80rpx;
  height: 80rpx;
}

.img-48 {
  width: 96rpx;
  min-width: 96rpx;
  height: 96rpx;
}

.img-56 {
  width: 56px;
  min-width: 56px;
  height: 56px;
}

.img-64 {
  width: 64px;
  min-width: 64px;
  height: 64px;
}

.img-72 {
  width: 72px;
  min-width: 72px;
  height: 72px;
}

.img-80 {
  width: 160rpx;
  min-width: 160rpx;
  height: 160rpx;
}

.img-120 {
  width: 120px;
  min-width: 120px;
  height: 120px;
}

.img-160 {
  width: 160px;
  min-width: 160px;
  height: 160px;
}

.vertical-align {
  vertical-align: middle;
}
.vertical-bottom {
  vertical-align: bottom;
}
.vertical-top {
  vertical-align: top;
}
//头像
@mixin size-48 {
  width: 48px;
  height: 48px;
}

@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin img-40-green {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(39, 153, 92, 1);
}

.avatar-48-green-border {
  @include flex-center;
  @include size-48;
  margin-right: 8px;

  img {
    @include img-40-green;
  }
}

.avatar-48-green-border-right {
  @include flex-center;
  @include size-48;
  margin-left: 8px;

  img {
    @include img-40-green;
  }
}

// 文本
@mixin text-space {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
}

//（单行）
.line-text-space {
  @include text-space;
  -webkit-line-clamp: 1;
}

//（两行）
.two-line-text-space {
  @include text-space;
  -webkit-line-clamp: 2;
}

//（三行）
.thr-line-text-space {
  @include text-space;
  -webkit-line-clamp: 3;
}

// 图片删除的按钮
.icon-del-img {
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background: rgba(146, 146, 146, 0.8);
  position: absolute;
  right: -6px;
  top: -6px;
}

// 图片添加的按钮
.icon-add-img {
  width: 20px;
  height: 20px;
  border-radius: 12px;
  position: absolute;
  right: -6px;
  top: -6px;
}

// 表单
.page-forms {
  ::v-deep .uni-forms-item {
    margin: 20px 0 0 !important;
  }

  ::v-deep .uni-forms-item__label {
    width: 100px !important;
  }

  ::v-deep .uni-easyinput__content {
    background: #f3f4f6 !important;
  }
}

.page-forms-textarea {
  flex-direction: column !important;

  ::v-deep .uni-forms-item__content {
    padding: 0;
    height: auto;

    .uni-easyinput__content {
      background: #f3f4f6;
    }
  }

  ::v-deep .uni-forms-item__error {
    top: 82px;
  }
}

.page-forms-files {
  flex-direction: column !important;

  ::v-deep .uni-forms-item__content {
    display: block;
    background: transparent;
    padding: 0;
    height: auto;
  }
}

// 标题渐变背景
.bg-blue-title {
  background: linear-gradient(90deg, #d2e9ff00 0%, #e4f2ffff 47%, #ddeeff00 100%);
}

// 文本高度
.fh-16 {
  height: 16px;
  line-height: 16px;
}

.fh-18 {
  height: 18px;
  line-height: 18px;
}

.fh-24 {
  height: 24px;
  line-height: 24px;
}

.fh-32 {
  height: 32px;
  line-height: 32px;
}

.fh-40 {
  height: 40px;
  line-height: 40px;
}

.fh-48 {
  height: 48px;
  line-height: 48px;
}

.text-center {
  text-align: center;
}

//宽高
.w-full {
  width: 100%;
}

.w-08 {
  width: 80%;
}
//宽百分比
.w-percentage-100 {
  width: 100%;
}
.w-percentage-50 {
  width: 50%;
}
.w-percentage-33 {
  width: 33.3%;
}
.w-percentage-25 {
  width: 25%;
}
.w-percentage-20 {
  width: 20%;
}

.h-full {
  height: 100%;
}

//颜色
//佛
.type-color__0 {
  color: #e3ac07;
  background-color: rgba(237, 184, 25, 0.24);
}
//道
.type-color__1 {
  color: #3576d3;
  background-color: rgba(53, 118, 211, 0.24);
}
//伊斯兰
.type-color__2 {
  color: #2ba656;
  background-color: rgba(43, 166, 86, 0.24);
}
//天主
.type-color__3 {
  color: #db4664;
  background-color: rgba(219, 70, 100, 0.24);
}
// 基督
.type-color__4 {
  color: #1fc6d1;
  background-color: rgba(31, 198, 209, 0.24);
}
//民间
.type-color__5 {
  color: #e56f15;
  background-color: #fbe1c0;
}
//其他
.type-color__6 {
  color: #1bb1fd;
  background-color: rgba(27, 177, 253, 0.24);
}

//其他的tip
.type-color__7 {
  color: #43aa37;
  background-color: #cdf6d8;
}
.type-color__8 {
  color: #999999;
  background-color: #f6f6f6;
}
.img-contain {
  display: block;
  padding: 0;
  margin: 0;
}
// 公共颜色
.cl-7C4504 {
  color: #7c4504;
}

.text-yellow {
  color: #f79724;
}

.bg-yellow {
  background-color: #f79724;
}

.text-orange {
  color: #ee6033;
}

.cl-767676 {
  color: #767676;
}

.cl-999 {
  color: #999999;
}

// <!-- 通用样式byJ -->
@for $i from 0 through 100 {
  .rounded-#{$i} {
    border-radius: ($i * 2) + rpx;
    overflow: hidden;
  }
}
// 字体高度
@for $i from 0 through 100 {
  .lh-#{$i} {
    line-height: ($i * 2) + rpx;
  }

  .px-#{$i} {
    padding: 0 ($i * 2) + rpx;
  }

  .py-#{$i} {
    padding: ($i * 2) + rpx 0;
  }

  .mx-#{$i} {
    margin: 0 ($i * 2) + rpx;
  }

  .my-#{$i} {
    margin: ($i * 2) + rpx 0;
  }
}
$position: top, right, bottom, left;
@for $item from 0 through 100 {
  @each $p in $position {
    $index: index($position, $p);
    $abb: nth(t r b l, $index);

    .m#{$abb}-#{$item} {
      margin-#{$p}: ($item * 2) + rpx;
    }

    .p#{$abb}-#{$item} {
      padding-#{$p}: ($item * 2) + rpx;
    }

    .p-#{$item} {
      padding: ($item * 2) + rpx;
    }
  }
}

// 最大宽高
@for $i from 0 through 400 {
  .w-#{$i} {
    width: ($i * 2) + rpx;
  }

  .h-#{$i} {
    height: ($i * 2) + rpx;
  }

  .right-#{$i} {
    right: ($i * 2) + rpx;
  }
  .left-#{$i} {
    left: ($i * 2) + rpx;
  }

  .top-#{$i} {
    top: ($i * 2) + rpx;
  }

  .bottom-#{$i} {
    bottom: ($i * 2) + rpx;
  }
}

.text-xl {
  font-size: 40rpx;
}

.text-lg {
  font-size: 36rpx;
}

.text-base {
  font-size: 32rpx;
}

.text-sm {
  font-size: 28rpx;
}

.text-xs {
  font-size: 24rpx;
}

.text-gray {
  color: #fafafa;
}

.text-white {
  color: #ffffff;
}

.text-666 {
  color: #666;
}

.text-eee {
  color: #eee;
}

.cl-3C3C43 {
  color: rgba(60, 60, 67, 0.6);
}

.font-medium {
  font-weight: 500;
}

.bg-white {
  background-color: #fff;
}

.bg-FFFBF1 {
  background-color: #fffbf1;
}

.bg-gray {
  background-color: #fafafa;
}

.bg-full {
  background-size: 100% 100%;
}

.border-b-gray {
  border-bottom: 2rpx solid #eee;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.whitespace-nowrap {
  white-space: nowrap;
}

// overflow
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.mt-auto {
  margin-top: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.h-auto {
  height: auto;
}

.w-auto {
  width: auto;
}

.wrap_set{
	
}